@charset "UTF-8";
// 主体部分  滚动条样式
@mixin scrollStyle($thumb: $scroll-thumb-color, $thumb-hover: $scroll-thumb-hover-color) {
	scrollbar-width: thin; /* Firefox */
	scrollbar-color: $scroll-thumb-color;
	-ms-overflow-style: none; /* IE10+ */
	&::-webkit-scrollbar {
		// 整个滚动条
		// display: none;
		width: 6px;
	}
	&::-webkit-scrollbar-thumb {
		// 滚动条上的滚动滑块
		// background-color: #9093994d;
		border-radius: 60px;
		background-color: $thumb;
		&:hover {
			background-color: $thumb-hover;
		}
	}
	// &::-webkit-scrollbar-button {
	//     //  滚动条上的按钮 (上下箭头)
	// }
	// &::-webkit-scrollbar-track {
	//     // 滚动条轨道
	// }
	// &::-webkit-scrollbar-track-piece {
	//     // 滚动条没有滑块的轨道部分.
	// }
	// &::-webkit-scrollbar-corner {
	//     // 当同时有垂直滚动条和水平滚动条时交汇的部分.
	// }
	// &::-webkit-resizer {
	//     // 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).
	// }
	&.hide {
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* E10+ */
		&::-webkit-scrollbar {
			display: none; /* ChromeSafari */
		}
	}
}

@mixin scrollHide {
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE10+ */
	&::-webkit-scrollbar {
		display: none; /* ChromeSafari */
	}
}
